{% load static %}
<nav class="side-navbar">
    <!-- Sidebar Header-->
    <div class="sidebar-header d-flex align-items-center">
        <div class="avatar">
            <img src="{% static 'img/avatar-1.jpg' %}" alt="..." class="img-fluid rounded-circle">
        </div>
        <div class="title">
            <h1 class="h4">{{ user.username }}</h1>
            <p>{% for group in request.user.groups.all %}
                {{ group.name }}
            {% empty %}
                你没有任何用户组
            {% endfor %}</p>
        </div>
    </div>
    <!-- Sidebar Navigation Menus-->
    <span class="heading">Main</span>
    <ul class="list-unstyled">
{#        <li class="{% if active_page == 'index' %}active{% endif %}"><a href="{% static 'index.html' %}"> <i#}
{#                class="icon-home"></i>Home </a></li>#}
{#        <li class="{% if active_page == 'tables' %}active{% endif %}"><a href="{% static 'tables.html' %}"> <i#}
{#                class="icon-grid"></i>Tables </a></li>#}
{#        <li class="{% if active_page == 'charts' %}active{% endif %}"><a href="{% static 'charts.html' %}"> <i#}
{#                class="fa fa-bar-chart"></i>Charts </a></li>#}
{#        <li class="{% if active_page == 'forms' %}active{% endif %}"><a href="{% static 'forms.html' %}"> <i#}
{#                class="icon-padnote"></i>Forms </a></li>#}
{#        <li class="{% if active_page == 'dropdown' %}active{% endif %}"><a href="#exampledropdownDropdown"#}
{#                                                                           aria-expanded="false" data-toggle="collapse">#}
{#            <i class="icon-interface-windows"></i>Example dropdown </a>#}
{#            <ul id="exampledropdownDropdown" class="collapse list-unstyled">#}
{#                <li><a href="#">Page</a></li>#}
{#                <li><a href="#">Page</a></li>#}
{#                <li><a href="#">Page</a></li>#}
{#            </ul>#}
{#        </li>#}
        <li><a href="#cpgl" aria-expanded="false" data-toggle="collapse"> <i class="icon-interface-windows"></i>教务管理</a>
            <ul id="cpgl" class="collapse list-unstyled show">
                <li><a href="{% url 'kehu_list' %}">我的学员</a></li>
                <li><a href="{% url 'Kehu_Create' %}">新增学员</a></li>
                <li><a href="#">Page</a></li>
            </ul>
        </li>

        <li><a href="#xtgl" aria-expanded="false" data-toggle="collapse"> <i class="icon-interface-windows"></i>系统管理</a>
            <ul id="xtgl" class="collapse list-unstyled show">
                <li><a href="{% url 'product_list' %}">产品列表</a></li>
                <li><a href="{% url 'Kehu_Create' %}">新增学员</a></li>
                <li><a href="#">Page</a></li>
            </ul>
        </li>


    </ul>
    <span class="heading">Extras</span>
{#    <ul class="list-unstyled">#}
{#        <li><a href="#"> <i class="icon-flask"></i>Demo </a></li>#}
{#        <li><a href="#"> <i class="icon-screen"></i>Demo </a></li>#}
{#        <li><a href="#"> <i class="icon-mail"></i>Demo </a></li>#}
{#        <li><a href="#"> <i class="icon-picture"></i>Demo </a></li>#}
{#    </ul>#}
</nav>